<template>
 <div class="list">
     <router-link :to="{ name: route, query: { id: item.apply_id?item.apply_id:item.id,ydFlag:ydFlag }}"  >
            <div  class="list-item">
                <p>用车人：{{item.yong_che_ren}} </p>
                <p>用车单位:{{item.apply_dept_name}}  </p>
                <p>时间:{{item.apply_use_time}} 至 {{item.apply_back_time}} </p>
                <p>地点:{{item.apply_use_address}} 至 {{item.apply_destination}}</p>
                <p>车牌：{{item.yong_che_no}}</p>
                <p>驾驶员：{{item.driver_name}}</p>
            </div>
      </router-link>
 </div>
   
 
</template>

<script>
export default {
  name: 'list',
  props:{
     item:{
         type:Object,
        
     },
     ydFlag:{
      type:Number,
     },
     route:{
          type:String,
     }
  }
}
</script>

<style scoped>
.list{
    margin:20px;
    
}
.list-item{

    padding:15px;
    background: #ffffff;
    color:#333333;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 40px 0px rgba(120,120,120,0.22);
    border-radius:12px;
}
.list-item p{
 font-size:30px;
color:rgba(51,51,51,1);
line-height:40px;
}
</style>
